<template>
    <div class="dashboard-container">
        <h1>{{$route.name}}</h1>
        <hr>

        <div id="sdiv">
            <template v-for="i in 100">
                {{i}}<br>
            </template>
        </div>

    </div>
</template>

<script>
    import { menuRouterMap } from '@/router'
    import slimScroll from 'jquery-slimscroll'



    export default {
        name: 'dashboard',
        created () {
            /*console.log(this)
            console.log(this.$router)
            console.log(this.$router.options)
            console.log(menuRouterMap)*/
        },
        mounted () {
            $('#sdiv').slimScroll({
                width: 100,

                color: 'red',
                alwaysVisible: true,
                railVisible: false,
            })
        }
    }
</script>

<!-- 局部样式 -->
<style rel="stylesheet/scss" lang="scss" scoped>
    #sdiv{
        height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }
</style>